@borderColor: #ddd;
@titleBgColor: #f3f7fe;
@lineHeight: 28*@hd;
@fontColor: #999;
#root {
  height: 100%;
  .single-detail {
    height: 100%;
    .single-detail-content {
      position: fixed;
      top: 45*@hd;
      bottom: 0*@hd;
      left: 0*@hd;
      right: 0*@hd;      
      #edit {
        height: 100%;
      }
    }
  }
}
.am-list {
  .am-list-body {
    border-top: 0;
    border-bottom: 0;
    .fold-group {
      .fold-title {
        height: @lineHeight;
        line-height: @lineHeight;
        background: @titleBgColor;
        border: 0;
        // border-bottom: 1*@hd solid @borderColor;
        color: @fontColor;
        padding-left: 22*@hd;
        padding-right: 5*@hd;
      }
      .flod-icon {
        float: right;
      }
      .show {
        display: block;
        .am-list-item {
          .am-list-line{
            .am-list-arrow {
              margin-right: -7*@hd;
            }
          }
        }
      }
      .hide {
        display: none;
      }
      .datepicker {
        .am-list-content{
          font-size: 14*@hd;
          padding-left: 6*@hd;
        }
        .am-list-arrow{
          margin-right: -6*@hd;
        }
      }
    }
    .no-right {
      .icon-noright {
        text-align: center;
        margin-top: 75*@hd;
        .am-icon-wuquanxian {
          width: 135*@hd;
          height: 120*@hd;
        }
      }
      .message {
        font-family: PingFang-SC-Regular;
        font-size: 14*@hd;
        color: #333333;
        letter-spacing: -0.1*@hd;
        text-align: center;
      }
    }
  }
}
.no-right {
  .icon-noright {
    text-align: center;
    margin-top: 75*@hd;
    .am-icon-wuquanxian {
      width: 135*@hd;
      height: 120*@hd;
    }
  }
  .message {
    font-family: PingFang-SC-Regular;
    font-size: 14*@hd;
    color: #333333;
    letter-spacing: -0.1*@hd;
    text-align: center;
  }
}
// .workplan-detail-container {
//   .wm-comment-list-container {
//     .wm-comment-content-msg {
//       a {
//         display: none;
//         color: @brand-primary;
//       }
//     }
//   }
// }
.detail-content {
  position: fixed;
  top: 45*@hd;
  bottom: 0*@hd;
  left: 0*@hd;
  right: 0*@hd;
}
.detail-footer{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;

  .am-flexbox .am-flexbox-item {
    .am-button {
      background-color: #F7F7F7;
    }
  }
  .am-flexbox .am-flexbox-item:not(:last-child){
    .am-button span {
      display: inline-block;
      height: 20*@hd;
      line-height: 20*@hd;
      width: 99%;
      border-top: 0*@hd; 
      border-right: 1*@hd solid #ccc; 
    }
  }
}
.scroll-auto {
  position: fixed;
  overflow-y: auto;
  // background: #fff;
  top: 45*@hd;
  bottom: 47*@hd;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.scroll-auto-noright {
  position: fixed;
  overflow-y: auto;
  background: #fff;
  top: 0*@hd;
  bottom: 0*@hd;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}